.container, .container-lg, .container-md, .container-sm, .container-xl {
    max-width: 1200px;
}
.navbar{
    padding: 0;
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    z-index: 2;
    background: #fff;
}
.head_welcome{
    width: 100%;
    height: 40px;
    background: #363636;
    color: #fff;
    font-size: 12px;
    line-height: 40px;
}
.head_welcome .row{
    width:100%;
}
.head_welcome li{
    display: inline-block;
    margin-left: 10px;
}
.head_welcome li a{
    color: #fff;
    transition: all ease .3s;
}
.head_welcome li a:hover{
    color: rgb(255 255 255 / 0.5);
}
.head_welcome ul{
    width: 100%;
    text-align: right;
    padding-right: 0;
}
.head_welcome li::before{
    margin-right:5px
}
.head_center{
    width: 100%;
    padding: 25px;
}
.nav_use_lang{
    width: calc(100% - 434px);
    display: inline-block;
    text-align: right;
    padding-top: 12px;
    padding-right: 0;
}
.language{
    display: inline-block;
    margin-left: 20px;
}
.language p{
    font-size: 16px;
    color: #363636;
    display: inline-block;
    vertical-align: middle;
    line-height: 23px;
}
.language ul{
    display: inline-block;
}
.language li{
    display: inline-block;
    border: 1px solid #eee;
    transition: all ease .3s;
    /* display: none; */
}
.language li:nth-child(1){
    /* display:block; */
}
.language li:hover{
    border: 1px solid #a31512;
}
.navbar-text a{
    color: #363636;
    font-size: 16px;
    margin: 0 2.5px;
    line-height: 23px;
    vertical-align: middle;
    transition: all ease .3s;
}
.navbar-text{
    padding: 0;
}
.navbar-text a::before{
    margin-right: 5px;
}
.navbar-toggler{
}
.navbar-text a:hover{
    color:#a31512;
}
.gupiao{display: inline-block;vertical-align: middle;border-left: 1px solid #ccc;margin-left: 10px;padding-left: 20px;}
.gupiao h5{
    line-height: 1;
    color: #a31512;
    font-size: 24px;
    letter-spacing: 0;
    text-align: center;
}
.gupiao p{
    line-height: 1;
    font-size: 16px;
    color: #363636;
    /* display: none; */
}
.gupiao p span{
    color: #a31512;
}
.head_nav{
    display: inline-block;
    width: 100%;
    background: #00239e;
}
.navbox{
    width: 100%;
    height: 100%;
}
.navbox ul{
    flex-direction: row;
    -ms-flex-direction: row;
    border-left: 1px solid #0634d2;
}
.navbox li{
    display: inline-block;
    width: 100%;
    text-align: center;
    line-height: 45px;
    border-right: 1px solid #0634d2;
    position: relative;
}
.navbox li a{
    color: #fff;
    font-size: 16px;
    transition: all ease .3s;
}
.navbox li a:hover{
    background: #a31512;
}
.home_banner .swiper-pagination{
    bottom: 20px;
    left: 50%;
    transform: translateX(-50%);
    width: auto;
    background: #fefefe;
    border-radius: 25px;
    padding: 0px 5px;
}
.home_banner .swiper-pagination span{
    background: #a8a8a8;
    opacity:1;
}
.home_banner .swiper-pagination span.swiper-pagination-bullet-active{
    background: #a31512;
}
.home_banner{
    margin-top: 160px;
    width: 1920px;
    left: 50%;
    transform: translateX(-50%);
}
.nav_down{
    position: absolute;
    left: 0;
    right: 0;
    background: #01239e;
    transition: all ease .3s;
    visibility: hidden;
    opacity: 0;
}
.nav_down a{
    width: 100%;
    display: block;
    border-top: 1px solid #0634d2;
}
.nav-item  .nav_down a{
    font-size: 14px;
}
.navbox li:hover .nav_down{
    opacity:1;
    visibility:visible;
}
.search_down{
    width: 100%;
    display: inline-block;
    overflow: hidden;
}
.s_sea{
    width: 313px;
    height: 230px;
    display: inline-block;
    position: relative;
    padding-right: 40px;
display: none;}
.s_sea::before{
    content:'';
    background: url(/template/cn/images/s1.jpg) no-repeat center left;
    width: 100%;
    height: 100%;
    display: inline-block;
    position: absolute;
    right: 0;
    width: 680px;
    z-index: -1;
    background: #a31512;
}
.s_list{
    display: inline-block;
    width: calc(100% - 313px);
    float: right;
    height: 230px;
    position: relative;
    padding-left: 40px;
}
.s_list::before{
    content:'';
    background: url(/template/cn/images/s2.jpg) no-repeat center left;
    width: 100%;
    height: 100%;
    display: inline-block;
    position: absolute;
    left: 0;
    width: 1235px;
    z-index: -1;
}
.s_sea h5,
.s_list h5{
    color: #fff;
    font-size: 20px;
    line-height: 1;
    margin: 30px 0;
}
.s_list h5 span{
    color: #bcbcbc;
    font-size: 14px;
    padding-left: 5px;
    vertical-align: bottom;
    font-weight: 500;
}
.s_sea input{
    width: 100%;
    height: 44px;
    border: 0;
    outline: none;
    padding: 0 10px;
    color: #666;
}
.s_sea button{
    margin-top: 27px;
    border: 0;
    background: #001a8a;
    color: #fff;
    line-height: 44px;
    font-size: 18px;
    font-weight: bold;
    padding: 0 30px;
    transition: all ease .3s;
}
.s_sea button:hover{
    background:#0634d2;
}
.s_sea button i{
    margin-right: 5px;
}
.s_list h5 a{
    color: #eec9c8;
    font-size: 12px;
    font-weight: 500;
    background: #a31512;
    float: right;
    line-height: 28px;
    padding: 0 15px;
    margin-top: -4px;
    transition: all ease .3s;
}
.s_list h5 a:hover{
    background: #c71125;
}
.s_listbox a{
    border-bottom: 1px dashed #0634d2;
    width: 47.5%;
    display: inline-block;
    color: #fefefe;
    font-size: 14px;
    float: left;
    line-height: 40px;
    transition: all ease .3s;
}
.s_listbox a span{
    float: right;
    width: 70px;
}
.s_listbox a:nth-child(2n+0){
    margin-left: 5%;
}
.s_listbox a:hover{
    opacity:.5;
}
.s_listbox a p{
    display: inline-block;
    width: calc(100% - 70px);
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    float: left;
}
.title_box{
    text-align: center;
    padding: 40px 0;
}
.title_box h5{
    line-height: 1;
    color: #00239e;
    font-size: 30px;
    margin-bottom: 10px;
    font-weight: bold;
}
.title_box p{
    line-height: 1;
    color: #aaaaaa;
    font-size: 18px;
}
.title_box h5 span{
    color: #a31512;
}
.title_box h5::before{
    content:'';
    width: 100px;
    height: 1px;
    background: #d9d9d9;
    display: inline-block;
    vertical-align: super;
    margin-right: 20px;
}
.title_box h5::after{
    content:'';
    width: 100px;
    height: 1px;
    background: #d9d9d9;
    display: inline-block;
    vertical-align: super;
    margin-left: 20px;
}
.tag_pro li{
    display: inline-block;
}
.tag_pro li a{
    background: #00239e;
    color: #fff;
    padding: 10px 30px;
    margin: 0 5px;
    display: inline-block;
    transition: all ease .3s;
}
.tag_pro{
    display: inline-block;
    text-align: center;
    width: 100%;
    margin-bottom: 50px;
}
.tag_pro li a:hover,
.tag_pro li.cur a{
    background:#a31512;
}
.pro_list_box a{
    border: 2px solid #fff;
    transition: all ease .3s;
    display: inline-block;
    width: 100%;
    transition: all ease .3s;
    background: #fff;
}
.pro_list_img{
    width: 100%;
    height: 350px;
    overflow: hidden;
    position: relative;
}
.pro_list_img img{
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%)scale(1);
    transition: all ease .3s;
}
a:hover .pro_list_img img{
    transform: translate(-50%,-50%)scale(0.9);
}
.pro_list_box a:hover{
    border:2px solid #ff737e;
    box-shadow: 0px 0px 30px rgb(255 115 126 / 0.3);
}
.pro_box{
    background: #f3f3f3;
    padding-bottom: 50px;
}
.pro_list_text{
    text-align: center;
    padding: 20px 35px;
}
.pro_list_text h6{
    font-size: 16px;
    font-weight: bold;
    transition: all ease .3s;
    margin-bottom: 15px;
}
.pro_list_text p{
    word-break: break-all;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden;
    transition: all ease .3s;
}
a:hover .pro_list_text{
    color:#a31512;
}
.more_link{
    background: #00239e;
    color: #fff;
    padding: 10px 30px;
    margin: 0 5px;
    transition: all ease .3s;
    margin: 50px auto 0;
    display: block;
    width: 130px;
    text-align: center;
}
.more_link:hover{
    background: #a31512;
    color: #fff;
}
.pro_list_box .tab_pro{
    /* transition: all ease .5s; */
    position: static;
    left: 0;
    right: 0;
    top: 0;
    height: 0;
    overflow: hidden;
}
.pro_list_box .cur{
    height: auto;
}
.pro_list_box{
    position: relative;
}
.home_rjxz{
    width: 100%;
    display: inline-block;
    height: 358px;
    background: url(/template/cn/images/xbg1.jpg) no-repeat center;
}
.rjxz_left{
    width: 55%;
    display: inline-block;
    padding: 60px 0;
}
.title_rjxz{
    display: inline-block;
    width: 100%;
    margin-bottom: 30px;
}
.title_rjxz h5{
    color: #fff;
    font-size: 18px;
    margin-bottom: 0;
    display: inline-block;
}
.title_rjxz h5 span{
    font-size: 14px;
    color: #cacaca;
}
.title_rjxz .navbar-text{
    display: inline-block;
    margin-left: 30px;
}
.title_rjxz .navbar-text a{
    background: #595959;
    color: #fff;
    padding: 10px 30px;
    margin: 0 5px;
    transition: all ease .3s;
    display: inline-block;
}
.title_rjxz .navbar-text a:first-child{
    background: #a31512;
}
.title_rjxz .navbar-text a:hover{
    background: #a31512;
}
.rjxz_left div p{
    font-size: 14px;
    color: #fff;
    margin-bottom: 20px;
    line-height: 1.8;
}
.rjxz_left div p a{
    color: #fff;
    transition: all ease .3s;
}
.rjxz_left div p a:hover{
    opacity:.5;
}
.about_box{
}
.about_left{
    float:left;
    height: 450px;
    position: relative;
}
.about_left,
.about_right{
    display: inline-block;
    width: 50%;
}
.about_left video{
    width: 100%;
    background: #000;
    height: 100%;
}
.about_right{
    padding-left: 40px;
}
.about_right h2{
    font-size: 30px;
    color: #333333;
    margin: 25px 0 35px;
    position: relative;
}
.about_right p{
    color: #666666;
    line-height: 1.8;
}
.about_center{
}
.about_right h2::after{
    content:'';
    position: absolute;
    width: 50px;
    height: 2px;
    background: #f72234;
    left: 0;
    bottom: -16px;
}
.about_right .more_link{
    background: #a31512;
    display: inline-block;
    width: auto;
    margin: 35px 0 0;
}
.about_right .more_link:hover{
    background:#01239e;
}
.ic_left{}
.left_title{
    text-align: left;
}
.right_title{
    text-align: right;
}
.left_title h5::before,
.left_title h5::after{
    display:none;
}
.right_title h5::before,
.right_title h5::after{
    display:none;
}
.left_title p{font-size: 13px;color: #888888;}
.left_title span.solid_span{
    width: 50px;
    height: 2px;
    background: #f72234;
    display: inline-block;
    margin: 0 0 12px 0;
}
.right_title p{font-size: 13px;color: #888888;}
.right_title span.solid_span{
    width: 50px;
    height: 2px;
    background: #f72234;
    display: inline-block;
    margin: 0 0 12px 0;
}
.ic_list img{
    height: 100%;
    width: auto;
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%,-50%);
}
.ic_list a{
    border: 1px solid #eee;
    transition: all ease .3s;
    height: 100px;
    position: relative;
    overflow: hidden;
    text-align: center;
    line-height: 100px;
    color: #a31512;
    font-size: 16px;
    vertical-align: middle;
    background: #fff;
}
.ic_list a:hover,
.ic_list a:last-child,
.hz_list .swiper-slide:hover{
    border: 1px solid #f72234;
}
.ic_list{
    display: inline-block;
    width: 100%;
}
.ic_list .row{
    margin: 0;
}
.ic_list a:last-child:hover{
    border: 1px solid #01239e;
    background:#eee;
    color:#01239e;
}
.ic_box{
    padding-bottom: 60px;
    background:url(/template/cn/images/xpbg.jpg) no-repeat center top;
}
.hz_list{}
.hz_list a{
    display: inline-block;
    height: 110px;
    overflow: hidden;
    position: relative;
    width: 100%;
}
.hz_list img{height: 95%;width: auto;position: absolute;left: 50%;top: 50%;transform: translate(-50%,-50%);}
.hz_list .swiper-slide{
    border: 1px solid #eee;
    transition: all ease .3s;
    background: #fff;
    height: 110px;
}
.hz_hd .swiper-wrapper{
    padding-bottom: 44px;
}
.hz_kj{
    position: absolute;
    left: 0;
    right: 0;
    bottom: -7px;
    height: 44px;
    text-align: center;
    display: inline-block;
    z-index: 2;
}
.hz_kj .swiper-pagination{
    position: static;
    vertical-align: middle;
    display: inline-block;
    /* margin: 16px 0px; */
    height: 100%;
}
.hz_kj .swiper-pagination span{
    width: 14px;
    height: 14px;
    background: #aaaaaa;
    opacity: 1;
    line-height: 44px;
    vertical-align: middle;
    margin: 16px 3px;
}
.hz_kj .swiper-pagination span.swiper-pagination-bullet-active,
.hz_kj .swiper-pagination span:hover{
    background: #a31512;
}
.hz_kj .swiper-button-next, 
.hz_kj .swiper-button-prev{
    position: static;
    display: inline-block;
    background-size: 9px;
    border: 1px solid #000;
    width: 30px;
    height: 30px;
    padding: 0;
    vertical-align: middle;
    border-radius: 3px;
    margin: 0 26px;
    opacity: .2;
    transition: all ease .3s;
}
.hz_kj .swiper-button-next::after,
.hz_kj .swiper-button-prev::after{
    font-size:18px;
    line-height: 30px;
    transition: all ease .3s;
}
.hz_kj .swiper-button-next:hover{
    border: 1px solid #a31512;
    opacity: 1;
    background-size: 9px;
}
.hz_kj .swiper-button-prev:hover{
    border: 1px solid #a31512;
    opacity: 1;
    background-size: 9px;
}
.hz_kj .swiper-button-next:hover::after,
.hz_kj .swiper-button-prev:hover::after{
    color:#a31512;
}
.news_box{
    background: #f1f1f1;
    padding: 20px 0 70px;
}
.n_l_i{
    width: 100%;
    height: 100%;
    position: relative;
    overflow: hidden;
}
.n_l_i img{
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%)scale(1);
    height: 100%;
    transition: all ease .3s;
}
.n_l_i:hover img{
    transform: translate(-50%,-50%)scale(1.1);
}
.news_left a{
    position: relative;
    width: 100%;
    height: 410px;
    display: inline-block;
}
.news_left a p{
    background: rgb(255 45 62 / .6);
    color: #fff;
    line-height: 50px;
    padding: 0 10px;
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
}
.news_right a{
    display: inline-block;
    background: #fff;
    width: 100%;
    height: 130px;
    margin-bottom: 10px;
}
.news_right a:last-child{
    margin-bottom:0;
}
.n_r_time{
    border-right: 1px solid #eee;
    height: 100%;
    display: inline-block;
    padding: 35px 0px;
    width: 110px;
    text-align: center;
    transition: all ease .3s;
}
.n_r_time .day{
    font-size: 30px;
    color: #a31512;
    line-height: 1;
    text-align: center;
    display: block;
    margin-bottom: 10px;
}
.n_r_time .nyr{
    color: #595959;
    font-size: 18px;
}
.n_r_text{
    display: inline-block;
    width: calc(100% - 110px);
    float: right;
    padding: 30px 30px;
}
.n_r_text h5{
    font-size: 16px;
    color: #363636;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    margin-bottom: 10px;
    transition: all ease .3s;
}
.n_r_text p{
    font-size: 14px;
    color: #999999;
    word-break: break-all;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden;
    height: 40px;
}
a:hover .n_r_time{
    border-right:1px solid #a31512;
}
a:hover .n_r_text h5{
    color: #a31512;
}
.mess_home{
    background: url(/template/cn/images/hmbg1.jpg) no-repeat center top;
    display: inline-block;
    width: 100%;
    padding: 60px 0;
}
.mf{
    width: 100%;
    margin-bottom: 40px;
    text-align: center;
}
.mf img{
    display: inline-block;
    width: 40px;
    margin-right: 10px;
}
.mf h6{
    font-size: 24px;
    color: #fff;
    display: inline-block;
    vertical-align: sub;
}
.free_but input{
    border: 1px solid rgb(255 255 255 / 30%);
    background: rgb(255 255 255 / 20%);
    outline: none;
    width: 100%;
    margin-bottom: 20px;
    height: 40px;
    color: #fff;
    padding: 0 10px;
}
.free_but button{
    background: #a31512;
    border: 0;
    outline: none;
    color: #fff;
    padding: 10px 20px;
    font-size: 14px;
    transition: all ease .3s;
}
.free_but button:hover{
    background: #da152c;
}
.mess_right{}
.mess_right p{
    color: #fff;
    line-height: 40px;
    margin-bottom: 20px;
    font-size: 16px;
}
.mess_right p i{
    width: 38px;
    height: 38px;
    border: 1px solid rgb(255 255 255 / .2);
    vertical-align: middle;
    margin-right: 10px;
    display: inline-block;
    border-radius: 1px;
    text-align: center;
    line-height: 38px;
}
.foot_yq{
    background: #595959;
}
.foot_yq a{
    line-height: 55px;
    color: rgb(255 255 255 / .6);
    font-size: 14px;
    text-transform: uppercase;
    transition: all ease .3s;
}
.foot_yq span{
    display: inline-block;
    margin: 0 10px;
    color: rgb(255 255 255 / .4);
}
.foot_yq p{
    color: #fff;
    display: inline-block;
    opacity: .5;
}
.foot_yq a:hover{
    color: rgb(255 255 255 / 1);
}
.footer {
    background: #3b3b3b;
}
.foot_nav_box{
    padding: 50px 15px;
}
.footer_nav{
    display: flex;
}
.ftv{
    display: inline-block;
    width: 100%;
    padding-right: 20px;
}
.ftv a{
    color: #fff;
    width: 100%;
    display: block;
    font-size: 16px;
    border-bottom: 1px solid #595959;
    line-height: 2;
    padding-bottom: 10px;
    transition: all ease .3s;
}
.ftv_2{
    margin-top: 20px;
}
.ftv_2 a{
    line-height: 1.5;
    font-size: 14px;
    border: 0;
    color: rgb(255 255 255 / .5);
}
.ftv_2 a::before{
    content:'> ';
}
.ftv a:hover{
    color:#a31512;
}
.code{
    height: 140px;
}
.code img{
    height: 100%;
    float: right;
}
.footer_erm p{
    text-align: right;
    color: rgb(255 255 255 / .6);
    margin-bottom: 10px;
    font-size: 12px;
}
.copyright{
    background: #292929;
    line-height: 50px;
    color: #fff;
}
.copyright p{
    display: inline-block;
    width: 49%;
}
.copyright p a{
    color: #fff;
    opacity: .6;
    margin-left: 5px;
}
.copyright p:last-child{
    text-align: right;
    width: 50%;
}
.copyright p a:hover{
    color:#a31512;
}
.ny_banner{
    margin-top: 198.44px;
    height: 300px;
    display: inline-block;
    width: 100%;
}
.ny_menu{
    display: inline-block;
    width: 100%;
    background: #f9f9f9;
    padding: 10px 0;
    border-bottom: 1px solid #eee;
}
.menu_box{
    display: inline-block;
}
.menu_box a{
    color: #666;
    line-height: 45px;
    font-size: 16px;
    margin-right: 20px;
    display: inline-block;
    transition: all ease .3s;
}
.menu_box a.hidden{
    display:none;
}
.menu_box a span{
    width: 1px;
    height: 15px;
    background: #ccc;
    display: inline-block;
    margin-left: 20px;
    vertical-align: middle;
}
.menu_box a:hover,
.menu_box a.cur{
    color:#a31512;
}
.break{
    display: inline-block;
    float: right;
    line-height: 45px;
}
.break div{
    margin-bottom:0;
    color: #b9b9b9;
}
.break div a{
    color: #b9b9b9;
    transition: all ease .3s;
    margin: 4px;
}
.break div a:hover{
    color:#a31512;
}
.break div a:last-child{
    margin-right: 0px;
}
.pages{
}
.n_l_i img[src="/static/images/nopic.png"]{
    width: 50%;
    height: auto;
    opacity: .5;
}
.ny_page .news_left a {
    height: 300px;
}
.ny_page .news_left{
    margin-bottom: 20px;
}
.ny_page .news_right .n_l_i{
    height: 160px;
    background: #fafafa;
}
.ny_page .news_right{
    margin-bottom: 30px;
}
.ny_page .news_right a{
    height:auto;
    background: #f5f5f5;
}
.ny_page .n_r_text{
    width: 100%;
    padding: 30px 20px;
}
.ny_page .n_r_text span{
    color: #999;
    margin-top: 10px;
    display: block;
}
.ny_page .n_r_text h5{
    border-bottom: 1px solid #ddd;
    padding-bottom: 15px;
    margin-bottom: 14px;
}
.pagination{
    -ms-flex-pack: center!important;
    justify-content: center!important;
    display: inline-block;
    text-align: center;
    width: 100%;
}
.pagination a{
    display: inline-block;
    transition: all ease .3s;
}

.xx_title{}
.xx_title h2{
    margin: 0;
    line-height: 1.5;
    margin-bottom: 20px;
    border-bottom: 1px solid #eee;
    padding-bottom: 15px;
    font-size: 26px;
    width: 100%;
}
.xx_title div{
    text-align: left;
    color: #999;
    font-size: 14px;
    background: #f5f5f5;
    padding: 10px 20px;
    border: 1px solid #eee;
}
.content{
    padding: 20px 0;
    font-size: 16px;
}
.contmore .content{
    display:none;
}
.content.cur{
    display:block;
}
.morelink p{
    border: 1px solid #eee;
    padding: 10px;
    margin-bottom: 10px;
    line-height: 2;
}
.text-secondary a{
    transition:all ease .3s;
}
.text-secondary a:hover{
    color:#a31512;
}
.productslist a{
    border: 1px solid #eee;
    display: inline-block;
    margin-bottom: 30px;
    width: 100%;
    transition: all ease .3s;
}
.ny_page .pro_list_text h6{
    font-weight: 500;
    border-top: 1px solid #ddd;
    padding-top: 30px;
}
.productslist a:hover{
    border: 1px solid #a31512;
}
.productslist a:hover .pro_list_text h6{
    border-top: 1px solid #a31512;
}
.pro_li{
    border-bottom: 1px solid #01239e;
    margin-bottom: 10px;
    display: inline-block;
    width: 100%;
    margin-top: 40px;
}
.pro_li li{
    background: #fff;
    color: #01239e;
    font-size: 16px;
    padding: 10px 15px;
    display: inline-block;
    cursor: pointer;
    transition: all ease .3s;
}
.pro_li li.cur,
.pro_li li:hover{
    background: #01239e;
    color: #fff;
}
.pro_detail_bn .swiper-slide{
    position: relative;
    height: 500px;
    overflow: hidden;
}
.pro_detail_bn .swiper-slide img{
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%,-50%);
    width: auto;
    height: 100%;
}
.pro_detail_bn_sul{
    margin-top: 20px;
}
.pro_detail_bn_sul .swiper-slide{
    height: 135px;
    width: 25%;
    position: relative;
    border: 1px solid #eee;
    opacity: .4;
    transition: all ease .3s;
    cursor: pointer;
    overflow: hidden;
}
.pro_detail_bn_sul img{
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%,-50%);
    width: 85%;
    height: auto;
}
.pro_detail_bn_sul .swiper-slide.swiper-slide-thumb-active,
.pro_detail_bn_sul .swiper-slide:hover{
    opacity: 1;
    border: 1px solid #a31512;
}
.pro_detail_bn .swiper-button-prev,
.pro_detail_bn .swiper-button-next{
    background: #01239e;
    height: 60px;
    width: 34px;
    top: 50%;
    transform: translateY(-50%);
    transition: all ease .3s;
}
.pro_detail_bn .swiper-button-prev{
    left: 0;
}
.pro_detail_bn .swiper-button-next{
    right: 0;
}
.pro_detail_bn .swiper-button-prev::after,
.pro_detail_bn .swiper-button-next::after{
    font-size: 20px;
}
.pro_detail_bn .swiper-button-prev:hover,
.pro_detail_bn .swiper-button-next:hover{
    background: #a31512;
}
.pro_text{}
.pro_text h1{
    font-size: 26px;
    border-bottom: 1px solid #eee;
    padding-bottom: 20px;
    margin-bottom: 20px;
}
.pro_text p{
    color: #666;
    font-size: 16px;
    line-height: 2;
}
.pro_text p span{
    color: #333;
    vertical-align: revert;
}
.content h6,
.contact_content h6{
    font-size: 20px;
    margin-bottom: 15px;
    color: #b73a34;
    border-bottom: 1px solid #eee;
    padding-bottom: 20px;
}
.honro_list{
    margin-bottom: 30px;
}
.honro_list div{
    background: #f5f5f5;
    position: relative;
    height: 360px;
    overflow: hidden;
    border: 5px solid #eee;
}
.honro_list img{
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%,-50%);
    height: auto;
    width: 100%;
    max-width: none !important;
}
.job_bt ul li{
    margin: 0;
    display: inline-block;
    border-right: 1px solid #0634d2;
}
.job_bt ul{
    margin: 0;
    padding: 10px 0;
    background: #01239e;
    color: #fff;
    text-align: center;
}
.job_list ul li{
    margin: 0;
    display: inline-block;
    border-right: 1px solid #ccc;
}
.job_list ul{
    margin: 0;
    padding: 20px 0;
    background: #f5f5f5;
    color: #666;
    text-align: center;
    border-top: 1px solid #eee;
}
.job_list ul li:last-child,
.job_bt ul li:last-child{
    border-right: 0px solid #ccc;
}
.job_list ul li a{
    color: #fff;
    background: #b5352b;
    padding: 10px;
    transition: all ease .3s;
}
.jpb_xx{
    background: whitesmoke;
    border-top: 1px solid #eee;
    display: none;
    overflow: hidden;
}
.job_list ul li a:hover{
    background: #a31512;
    color:#fff;
}
.jpb_xx .c_more{
    color: #fff;
    background: #b5352b;
    padding: 10px;
    transition:all ease .3s;
}
.jpb_xx .c_more:hover{
    background: #a31512;
}
.job_xx_padd{
    padding: 40px 40px;
}
.zc_bd{
    margin-top: 40px;
}
.zc_bd h3{
    font-size: 20px;
    font-weight: 500;
    color: #333;
    border: 1px solid #eee;
    background: #f5f5f5;
    padding: 15px 20px;
    margin-bottom: 30px;
    float: left;
    width: 100%;
}
.zc_bd h3 span{
    color: #e40146;
    font-weight: 500;
    font-size: 14px;
    vertical-align: middle;
}
.zc_bd div div{
    width: 48%;
    display: inline-block;
    float: left;
    margin-bottom: 20px;
}
.zc_bd div div:nth-child(2n+0){
    float: right;
}
.zc_bd div div lable{
    width: 100%;
    display: inline-block;
}
.zc_bd div div lable span{
    color: #b5352e;
    font-weight: 500;
    font-size: 14px;
    display: inline-block;
    vertical-align: middle;
}
.zc_bd div div lable p{
    display: inline-block;
    margin-left: 5px;
    color: #666;
    font-size: 14px;
}
.zc_bd div div input{
    width: 100%;
    border: 1px solid #ddd;
    border-radius: 0;
    height: 45px;
    outline: none;
    padding: 0 10px;
    color: #333;
    transition:all ease .3s;
}
.zc_bd div div select{
    width: 100%;
    border: 1px solid #ddd;
    border-radius: 0;
    height: 45px;
    outline: none;
    padding: 0 10px;
    color: #333;
    transition:all ease .3s;
}
.zc_bd div div input:focus,
.zc_bd div div select:focus,
.zc_bd div div input:hover,
.zc_bd div div select:hover{
    border: 1px solid rgb(181 56 47 / 30%);
}
.bzbd{
    display: inline-block;
    width: 100%;
    margin-bottom: 50px;
}
.zc_bd div div textarea{
    width: 100%;
    border: 1px solid #ddd;
    border-radius: 0;
    height: 120px;
    outline: none;
    padding: 0 10px;
    color: #333;
    transition:all ease .3s;
}
.zc_bd .qk_bd div{
    width: 100%;
}
.no_mar{
    margin: 0;
}
.zc_bd button{
    width: 100%;
    height: 45px;
    border: 0;
    color: #fff;
    background: #e40146;
    transition: all ease .3s;
}
.zc_bd button:hover{
    background: #b5352e;
}
.xpcs_fl{
    display: inline-block;
    width: 100%;
}
.xpcs_fl div{
    display:none;
}
.xpcs_fl div.cur{
    display:block;
}
.xpcs_fl a{
    display: inline-block;
    background: #f5f5f5;
    margin-right: 5px;
    margin-bottom: 8px;
    padding: 5px 15px;
    transition: all ease .3s;
}
.xpcs_list{
    display: inline-block;
    width: 100%;
    margin-top: 40px;
    border-top: 1px solid #eee;
    padding-top: 20px;
    /* display: none; */
}

.xpcs_fl a.cur,

.xpcs_list.showthis{
    display:block;
}
.xpcx_ny_ss{}
.xpcx_ny_ss lable{
    width: 100%;
    font-size: 18px;
    display: inline-block;
    margin-bottom: 10px;
}
.xpcx_ny_ss input{
    border: 0px solid #eee;
    background: #f5f5f5;
    width: calc(100% - 80px);
    height: 60px;
    padding: 0 10px;
    color: #333;
    font-size: 14px;
    outline: none;
}
.xpcx_ny_ss button{
    width: 80px;
    border: 0;
    background: rgb(228 1 70);
    height: 60px;
    color: #fff;
    float: right;
}
.cx_jj{
    margin-top: 40px;
    display: none;
}
.cx_jj_title{
    margin: 0;
    padding: 10px 0;
    background: #e40146;
    color: #fff;
    text-align: center;
}
.cx_jj_title div {
    margin: 0;
    display: inline-block;
    border-right: 1px solid #bb013a;
    width: 100%;
}
.cx_jj_nn{
    margin: 0;
    padding: 20px 0;
    background: #f5f5f5;
    color: #666;
    text-align: center;
    border-top: 1px solid #eee;
}
.cx_jj_nn p{
    margin: 0;
    display: inline-block;
    border-right: 1px solid #ccc;
    padding: 0 5px;
    will-change: auto;
    word-break: break-all;
    width: 100%;
}
.cx_jj_nn p span{
    font-weight:bold;
    display: inline-block;
}
.job_bt div:last-child,
.cx_jj_nn p:last-child{
    border-right: 0px solid #0634d2;
}
.cx_jj.showit{
    display:block;
}
.cx_jj_title{
    display: flex;
    align-items: center;
    justify-content: space-between;
    width: 100%;
    text-align: center;
    margin: 0%;
}
.cx_jj_nn{
    display: flex;
}
.hidden{
    display:none !important;
}
.xpcs_list p.title{
    font-size: 18px;
    color: #333;
    margin-bottom: 15px;
}
.xpcs_list span:hover a{
    color: #a31512;
}
.xpcs_list span a{
    display: inline-block;
    width: 100%;
}
.xpcs_list p.title i{
    color: #999;
    font-size: 14px;
    margin-left: 10px;
}
.woding{
    margin-top: 198.44px;
}
.form-group label{
    display: inline-block;
    margin-left: 5px;
    color: #666;
    font-size: 14px;
}
.form-group input,
.form-group select{
    width: 100%;
    border: 1px solid #ddd;
    border-radius: 0;
    height: 45px;
    outline: none;
    padding: 0 10px;
    color: #333;
    transition: all ease .3s;
}
.form-group input:hover,
.form-group input:focus{
    border: 1px solid rgb(181 56 47 / 30%) !important;
    box-shadow: none !important;
}
.fsyj{
    background: #a31512;
    display: inline-block;
    line-height: 45px;
    text-align: center;
    color: #fff;
    transition: all ease .3s;
    border: 0;
    outline: none;
    padding: 0 30px;
    width: 100%;
    margin-top: 15px;
}
.col-2 .fsyj{
    margin: 0;
    padding: 0;
}
.fsyj:hover{
    background: #b5352e;
}
.fsyj.bs{
    background: #008cd4;
}
.fsyj.bs a,
.fsyj a{
    color:#fff;
    display: block;
}
.fsyj.bs:hover{
    background: #0634d2;
    color:#fff;
}
.table tr{
    border-top: 1px solid #eee;
}
.table td{
    border: 0;
    padding: 10px 0;
    line-height: 45px;
    text-align: left;
    font-size: 14px;
    padding-left: 25px;
}
.table td:last-child{
    text-align:left;
}
.table tr:nth-child(2n+0){
    background: #f5f5f5;
}
.touxiang label{
    font-size: 22px;
}
.modal-lg{
    height: auto;
    margin: 0 auto;
    position: absolute;
    left: 0;
    right: 0;
    top: 50%;
    transform: translateY(-50%) !important;
    max-width: 1200px;
    background: none;
}
.modal-lg .modal-header{
    display:none;
    border: 0;
}
.modal-lg .modal-content{
    background: rgb(0 0 0 / 50%);
    border: 0;
    border-radius: 0;
    padding: 40px 20px;
}
.modal-lg .modal-footer{
    border: 0;
}
.modal-lg .file-caption{
    background: none;
    border: 0;
    height: auto;
    border-bottom: 0px solid rgb(238 238 238 / 50%);
}
.modal-lg .file-caption input{
    line-height: 45px;
    border: 0;
    color: #fff;
    width: 90%;
    border-bottom: 1px solid rgb(204 204 204 / 25%);
}
.modal-footer button{
    margin: 0 0 10px 0;
    background: #fff;
    border: 0;
    width: 49%;
    border-radius: 0;
    line-height: 45px;
    color:#333;
}
.modal-footer button:first-child{
    margin-right: 2%;
    background: #037bfe;
    color:#fff;
}
.input-group-btn{
    position: relative;
}
.input-group-btn button{
    background: #fff;
    border: 0;
    width: 40%;
    border-radius: 0;
    line-height: 45px;
    color: #333;
    padding: 0 10px;
    position: absolute;
    right: 110%;
    width: 80px;
    height: 100%;
}
.input-group-btn div.btn{
    background: #007bff;
    border: 0;
    width: 100%;
    border-radius: 0;
    line-height: 45px;
    color: #333;
    padding: 0 10px;
    height: 100%;
}
.input-group-btn div.btn i{
    display:none;
}
.input-group-btn div.btn span{
    line-height:56px;
    color:#fff;
}
.touxiang_img div{
    position: relative;
    width: 100%;
    overflow: hidden;
}
.touxiang_img div img{
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%,-50%);
    width: 100%;
}
.xpcs_detail{
    position: fixed;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    z-index: 10;
    display: none;
}
#xpcs_box_detail{
    max-width: 900px !important;
    width: 100%;
    height: 100vh;
    background: #fff;
    margin: 0 auto;
    display: block;
    padding: 30px 20px;
}
.clickclose{
    position: fixed;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    background: rgb(0 0 0 / 64%);
    z-index: -1;
}
.xpcs_detail_box p{
    margin: 0 5px 5px 0;
    background: #f3f3f3;
    padding: 5px 10px;
    display: inline-block;
    font-size: 14px;
    width: 49%;
}
.mob_web{
    position: fixed;
    top: 38%;
    width: 150px;
    right: 0;
    background: #fff;
    padding: 10px;
    border-top-left-radius: 5px;
    border-bottom-left-radius: 5px;
    text-align: center;
    z-index: 5;
}
.mob_web img{
    width: 100%;
}
.mob_web p{
    line-height: 1.3;
    padding: 3px 0;
}
#newBridge .icon-right-center {
    top: 40% !important;
}
.kf{
    position: fixed;
    right: 0;
    top: 68%;
    width: 65px;
    text-align: center;
    color: #fff;
    z-index: 5;
    display: none;
}
.kf li{
    margin-bottom: 1px;
    background: #a31512;
    height: 65px;
    padding: 8px 0;
    font-size: 12px;
    cursor: pointer;
    position: relative;
}
.kf li i{
    font-size: 26px;
    margin-bottom: 4px;
}
.kf li a{
    color: #fff;
}
.kf li div{
    position: absolute;
    right: 100%;
    background: #a62420;
    height: 100%;
    top: 0;
    margin-right: 1px;
    padding: 10px 20px;
    font-size: 14px;
    transition: all ease .3s;
    opacity: 0;
    visibility: hidden;
}
.kf li div img{
    width: 100%;
}
.kf li div.ewm_kf{
    width: 127px;
    padding: 4px;
    height: auto;
}
.kf li:hover div{
    opacity: 1;
    visibility: visible;
}
.morexix img{
    width: 100%;
    margin: 10px 0;
}
.head_nav ul li span{
    display:none;
}
.head_nav ul li.language{
    display:none;
}
.head_nav ul li.login{
    display:none;
}
.sjbanner{
    display:none;
}
.right_sea{
    margin-top: 20px;
    width: 48%;
    display: inline-block;
}
.right_sea select{
    border: 0px solid #eee;
    background: #f5f5f5;
    height: 60px;
    padding: 0 10px;
    color: #333;
    font-size: 14px;
    outline: none;
    width: 100%;
}
.right_sea:nth-child(7){
}
.title_down{
    margin: 0;
    border-bottom: 1px solid #eee;
    padding-bottom: 20px;
}
.wj_down{
    margin: 0;
    border-bottom: 0px solid #eee;
    padding: 10px 0;
}
.wj_down p.title{
    margin: 0;
    font-size:15px;
    line-height:35px;
}
.wj_down p.title span{
    display: inline-block;
    width: auto;
    margin-left: 10px;
    color: #999;
    cursor: pointer;
    transition: all ease .3s;
}
.wj_down p.title span:hover{
    color: #a31514;
}
.wj_down span{
    margin:0;
    background: none;
    width: 100%;
    padding: 0;
}
.wj_down:nth-child(2n+0){
    background: #f9f9f9;
}
.wj_down i{
    line-height:35px;
    font-size:13px;
}
.no-pd{
    padding: 0;
}
.down_right{
    padding-left: 50px;
    width: 100%;
}
.down_img{
    background: #01239e;
    height: 340px;
    position: relative;
    width: 100%;
    margin-bottom: 30px;
}
.down_img img{
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%,-50%);
    height: 100%;
    max-width: none !important;
}
.down_video{
    padding: 0;
    height: 210px;
}
.down_video h4{
    background: #a31514;
    line-height: 40px;
    display: inline-block;
    width: 100%;
    text-align: center;
    color: #fff;
    font-size: 16px;
    margin: 0;
}
.down_video video{
    width: 100%;
    height: 100%;
    outline: none;
    background: #000;
}
.huise-color{
    background: #eee;
}
.huise-color .content {
    background: #fff;
}
.huise-color  .xpcs_fl div {
    padding: 0 20px;
    margin-top: 20px;
}
video{
    width:100%;
    outline: none;
}
.w-50{
    width:100%;
}
.navbar-brand{
    margin: 0;
}
.head_center .row{
    width: 100%;
}
.contact_content p{
    line-height: 2;
    width: 100%;
    font-size: 16px;
    color: #555;
}
.contact_content p::before{
    color: #b33028;
    margin-right: 10px;
}
.contact_content.mt-5{
    margin-top: 0 !important;
}
.contact_content.mt-5 h6{
    margin-top: 40px;
}
.tab_pro .swiper-slide{
    height: 468px;
}
.video_pro_box{
    width: 100%;
}
.video_pro_box video{
    width: 50%;
    display: block;
    margin: 0 auto 40px;
    height: 325px;
    background: #000;
}
.zcxxh1{
    font-size: 26px;
    font-weight: 500;
    color: #a31514;
    border-bottom: 1px solid #ddd;
    width: 100%;
    padding-bottom: 15px;
    margin-bottom: 15px;
}
.zcxxp{}
.zxxx{
    background: #f5f5f5;
    padding: 20px;
    margin-top: 56px;
}
@media screen and (max-width: 768px){
    .head_center .row {
        margin: 0;
    }
    .navbar-brand {
        margin: 0;
        padding-left: 0;
    }
    .kf,
    .mob_web,
    #newBridge{
        display: none !important;
    }
    .head_welcome{
        /* display: none; */
        height: auto;
    }
    .head_welcome p,
    .head_welcome .fa-envelope{
        display:none;
    }
    .head_welcome .row{
    margin: 0;
}
    .head_center{
        padding: 12px 15px;
    }
    .head_center .container{
        padding: 0;
    }
    .navbar-brand img{
        height: 30px;
    }
    .gupiao{
        display:none;
    }
    .nav_use_lang{
        width: calc(100% - 170px);
        padding: 0;
    }
    .navbar-text a{
        display:none;
    }
    .navbar-text a.fa{
        display:block;
    }
    .navbar-text span{
        display:none;
    }
    .nav_use_lang .navbar-text,
    .nav_use_lang .language{
        display:none;
    }
    .navbar-toggler {
        display: block;
        background: #01239e;
        float: right;
        padding: 2px 5px;
    }
    .navbar-toggler span{
        color: #fff;
        line-height: 1.5;
    }
    .head_nav {
        position: absolute;
        top: 100%;
        left: 0;
        right: 0;
        background: #02239e;
        height: calc(100vh - 52.47px);
        display: none;
    }
    .head_nav ul{
        height: 100%;
        border: 0;
        display: block;
        overflow-y: scroll;
    }
    .head_nav ul::-webkit-scrollbar {
        width: 0;
    }
    .head_nav ul li{
        width: 100%;
        display: inline-block;
        height: auto;
        border-bottom: 1px solid hsl(227deg 79% 62% / 37%);
        float: left;
        margin: 0;
    }
    .head_nav ul li a{
        text-align: left;
        padding: 0 15px !important;
        color: #fff;
        line-height: 60px;
        border: 0;
        width: 90%;
        float: left;
    }
    .down_nav{
        position: static;
        background: none;
        opacity: 1;
        visibility: visible;
        /* padding: 0 15px 40px; */
        height: auto;
        width: 100% !important;
        float: left;
        display: inline-block;
        display: none;
        transition: none;
    }
    .nav_menubox ul li .down_nav a{
        border: 0;
        padding: 0 30px !important;
        color: rgb(255 255 255 / .8);
    }
    .nav_menubox ul li .down_nav div.menu2:last-child{
        padding-bottom: 30px !important;
    }
    .head_nav .container{
        padding: 0;
        height: 100%;
    }
    .nav_down{
        position: static;
        background: none;
        opacity: 1;
        visibility: visible;
        padding: 0 0 0 15px;
        height: auto;
        width: 90% !important;
        float: left;
        display: inline-block;
        display: none;
        transition: none;
    }
    .nav-item .nav_down a {
        font-size: 14px;
        line-height: 36px;
        color: rgb(255 255 255 / 0.65);
        width: 100%;
    }
    .nav-item .nav_down a:last-child{
        margin-bottom:30px;
    }
    .head_nav ul li span {
        width: 10%;
        display: inline-block;
        color: #fff;
        line-height: 60px;
        font-size: 24px;
        cursor: pointer;
    }
    .head_nav ul li.language{
        display:block;
    }
    .head_nav ul li p{
        color: #fff;
        text-align: left;
    }
    .head_nav ul li div{
        text-align: left;
        padding: 0 15px;
    }
    .head_nav ul li div a{
        display: inline-block;
        width: auto;
        float: none;
        padding: 0 0px !important;
        margin-right: 5px;
    }
    .head_nav ul li div a:hover{
        background:none;
    }
    .head_nav ul li.login span{
        display: block;
        width: auto;
        text-align: left;
        padding: 0 15px;
    }
    .head_nav ul li.login span a{
        display: inline-block;
        width: auto;
        float: none;
        padding: 0 !important;
    }
    .head_nav ul li.login span span{
        display:inline-block;
        font-size: 12px;
        vertical-align: middle;
        padding: 0 5px;
    }
    .head_nav ul li.login span a:hover{
        background:none;
        color:#a31512;
    }
    .head_nav ul li.login{
        display:block;
    }
    .home_banner{
        margin-top: 56.67px;
        width: 100%;
        left: auto;
        transform: inherit;
    }
    .s_sea {
        width: 100%;
        height: auto;
        padding-right: 0;
        padding-bottom: 20px;
    display: block;overflow: hidden;padding: 4% 6%;background: #a31512;}
    .s_sea::before,
    .s_list::before{
        left: -15px;
        right: -15px;
    }
    .s_sea h5, .s_list h5 {
        font-size: 16px;
        margin: 20px 0 10px;
    }
    .s_sea input{
        width: 80%;
        float: left;
    }
    .s_sea button{
        width: 20%;
        float: left;
        font-size: 14px;
        margin: 0;
        padding: 0;
    }
    .s_list{
        width: 100%;
        padding: 0;
        height: auto;
        float: left;
        padding-bottom: 20px;
        float: none;
    }
    .s_listbox a{
        width: 100%;
        margin: 0 !important;
    }
    .title_box h5{
        font-size: 24px;
    }.title_box h5::before,
    .title_box h5::after{
        width: 50px;
    }
    .tag_pro li{
        width: 49%;
    }
    .tag_pro li a{
        padding: 10px 15px;
        margin: 0 5px 5px;
        width: 100%;
    }
    .pro_list_box{
        min-height: auto;
        display: inline-block;
        width: 100%;
    }
    .pro_list_box .tab_pro{
        position: static;
        opacity: 1;
        visibility: visible;
        display: none !important;
    }
    .pro_list_box .cur{
        display: block;
    }
    .pro_list_box .tab_pro:nth-child(1){
        display:block !important;
    }
    .pro_list_img{
        height: 200px;
    }
    .pro_list_img img{
        height: 100%;
    }
    .tag_pro{
        margin-bottom: 30px;
    }
    .pro_list_text{
        padding: 10px 15px;
    }
    .more_link{
        margin-top: 30px;
    }
    .rjxz_left{
        width: 100%;
        padding: 40px 0 50px;
    }
    .title_rjxz .navbar-text{
        margin: 10px 0 0 0;
    }
    .home_rjxz{
        height: auto;
        background: url(/template/cn/images/xbg1.jpg) no-repeat center right;
        background-size: cover;
    }
    .about_box{
        padding: 0 0 50px;
    }
    .about_left, .about_right{
        width:100%;
    }
    .about_left{
        height: 220px;
    }
    .about_right{
        padding: 40px 0 0 0;
    }
    .about_right h6 img{
        height: 90px;
    }
    .about_right h2{
        font-size: 24px;
        margin: 0 0 30px 0;
    }
    .about_right .more_link{
        margin: 20px 0 0 0;
    }
    .left_title p,
    .right_title p{
        line-height:1.4;
    }
    .ic_list a{
        line-height: 60px;
        height: 60px;
    }
    .ic_list a img{
        height: 95%;
    }
    .right_title {
        text-align: left;
    }
    .hz_list a{
        height: 60px;
    }
    .news_box{
        padding: 0 0 50px;
    }
    .news_left a {
        height: 160px;
    }
    .news_left a p{
        line-height: 35px;
        font-size: 14px;
    }
    .n_r_time{
        padding: 25px 15px;
    }
    .n_r_text{
        padding: 15px 25px;
    }
    .n_r_time .day{
        font-size: 22px;
        margin-bottom: 5px;
    }
    .n_r_time .nyr{
        font-size: 14px;
    }
    .news_right a{
        height: auto;
    }
    .n_r_text h5{
        margin-bottom: 5px;
    }
    .mess_home{
        background-size: cover;
        padding: 40px 0 50px;
    }
    .mess_right{
        margin-top: 40px;
    }
    .mess_right p{
        margin-bottom: 10px;
    }
    .foot_yq a{
        line-height: 30px;
    }
    .foot_yq{
        padding: 10px 0;
    }
    .foot_nav_box{
        display:none;
    }
    .copyright p{
        width: 100%;
        text-align: center;
    }
    .copyright{
        line-height: 25px;
        padding: 15px 0;
    }
    .copyright p:last-child{
        width: 100%;
        text-align: left;
    }
    .copyright p a{
        display: block;
        text-align: center;
    }
    .ny_banner{
        margin-top: 56.46px;
        height: 150px;
        display: none;
    }
    .sjbanner{
        display:block;
        height: auto;
    }
    .sjbanner img{
        width:100%;
    }
    .break{
        display: none;
    }
    .menu_box a{
        line-height: 30px;
        margin-right: 0;
        width: calc((100% - 30px) / 3);
        float: left;
        text-align: center;
        background: #efefef;
        margin-bottom: 5px;
        margin: 0 5px 10px;
        padding: 5px 5px;
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
    }
    .menu_box a span{
        display:none;
        margin-left: 10px;
    }
    .menu_box{
        width:100%;
    }
    .pages{
        padding: 40px 15px 50px;
    }
    .ny_page .n_r_text{
        padding: 20px 20px;
    }
    .ny_page .news_right{
        margin-bottom: 20px;
    }
    .pagination a{
        padding: .5rem;
        margin: 0 1px;
    }
    .xx_title h2{
        font-size: 22px;
        margin-bottom: 15px;
    }
    .content {
        font-size: 14px;
    }
    .content h3,
    .content h4,
    .content p{
        line-height: 2 !important;
        margin: 0 !important;
        font-size: 14px !important;
    }
    .productslist a {
        margin-bottom: 20px;
    }
    .pages .pro_list_img {
        height: 300px;
    }
    .ny_menu{padding-bottom: 5px;}
    .pro_detail_bn_sul{
        margin-top: 20px;
    }
    .pro_detail_bn .swiper-slide {
        height: 400px;
    }
    .pro_text{
        margin-top: 30px;
    }
    .pro_text h1{
        font-size: 22px;
    }
    .xpcs_list span{
        width:100%;
        margin-right: 0;
    }
    .honro_list {
        margin-bottom: 20px;
        width: 50%;
    }
    .honro_list div{
        height: 230px;
    }
    .job_bt ul li:nth-child(5),
    .job_list ul li:nth-child(5),
    .job_bt ul li:nth-child(3),
    .job_list ul li:nth-child(3){
        display: none;
    }
    .job_bt ul li,
    .job_list ul li{
        flex: 0 0 25%;
        max-width: 25%;
    }
    .job_list ul li a{
        padding: 5px;
        display: inline-block;
    }
    .job_xx_padd{
        padding: 20px;
        padding-bottom: 40px;
    }
    .xpcs_detail_box p{
        width: 100%;
        margin-bottom: 10px !important;
    }
    .zc_bd div div{
        width: 100%;
        margin-bottom: 10px;
    }
    .woding {
        margin-top: 56.46px;
        height: 0;
        padding: 0;
    }
    .table td{
        padding-left: 5px;
        width: auto;
    }
    .tx{
        display:none;
    }
    .xgxx{
        flex: 0 0 100%;
        max-width: 100%;
    }
    .cx_jj_title div{
        padding:0 5px;
        will-change: auto;
        word-break: break-all;
        font-size: 14px;
    }
    .cx_jj_nn p{
        font-size: 14px !important;
    }
    .cx_jj.showit{
        overflow-x: scroll;
    }
    .cx_jj_title{
        width: 250%;
    }
    .cx_jj_nn{
        width: 250%;
    }
    .right_sea{
        margin: 0 !important;
        width: 100%;
        margin-top: 20px !important;
    }
    .down_right {
        padding-left: 15px;
    }
    .down_img{
        margin: 0;
        margin-bottom: 20px;
        padding: 0;
        height: auto;
        overflow: hidden;
    }
    .down_right .row{
        margin: 0;
    }
    .tab_pro .swiper-slide {
        height: auto;
    }
    .n_l_i img{
        width: 100%;
        height: auto;
    }
    .hz_list .swiper-slide{height: 60px;}
    .down_img img{
        position: static;
        transform: translate(0px, 0px);
        width: 100%;
        height: auto;
    }
    .w-50 {
        width: 100%!important;
    }
    .video_pro_box video{
        width: 100%;
    }
    .pro_li li{
        width: 50%;
        margin: 0;
        float: left;
        text-align: center;
        background: #f5f5f5;
    }
    .pro_li{
        border: 0;
    }
    .head_welcome ul{
        text-align: left;
        padding: 0;
    }
    .head_welcome ul li{
        margin:0;
    }
    .s_listbox a p{
        width: calc(100% - 100px);
    }
    .s_listbox a:nth-child(5),
    .s_listbox a:nth-child(6){
        display:none;
    }
}